<!DOCTYPE html> 
<html>
<head>
  <title>Page Title</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.js"></script>
  <!-- IF ALREADY_LOGIN -->
  <script>
    window.location.href = '/extmail/cgi/folders.cgi?__mode=folders_list&sid=<%SID%>&screen=folders.html&mobile=1';
  </script>
  <!-- END ALREADY_LOGIN -->
</head>

<body>
  <div data-role="header">
    <h1>Sign in</h1>
  </div>

  <div data-role="main">
    <form id="login" action="/extmail/cgi/index.cgi?mobile=1" method="post">
      <ul data-role="listview" data-inset="true">
        <li class="ui-field-contain">
          <label for="username">User name:</label>
          <input type="text" name="username" id="username" data-clear-btn="true" placeholder="The part before @ of your email address"/>
        </li>
        <li class="ui-field-contain">
          <label for="password">Password:</label>
          <input type="password" name="password" id="password" data-clear-btn="true"/>
        </li>
        <li class="ui-field-contain">
          <label for="domain">Domain:</label>
          <input type="text" name="domain" id="domain" data-clear-btn="true" placeholder="The part after @ of your email address"/>
        </li>
        <li class="ui-body ui-body-b">
          <fieldset class="ui-grid-a">
            <div class="ui-block-b"><button type="submit" class="ui-btn ui-corner-all ui-btn-a">Submit</button></div>
          </fieldset>
        </li>
      </ul>
      <input type="hidden" name="mobile" value="1"/>
    </form>
  </div>
</body>
</html>
